﻿/* common css ============================================== */
/* IE6 Position Fixed Shaken Fix */
body{
    _background-image:url(about:blank);
    _background-attachment:fixed;
}
body{margin:0 auto; text-align:center; font:12px/1.5 arial, \5b8b\4f53, sans-serif; cursor:default;}
div{text-align:left;}
:focus{outline:none;}
h4,h3,h2,h1{font-size:12px; margin:0;}
form,ul,ol,dl,dd,p{margin:0; padding:0;}
li{list-style-type:none;}
img{border:none;}
button,input,select,textarea{font-size:1em;	margin:0; color:#000; font-family:arial, simsun, sans-serif;}
a{text-decoration:none; color:#818181;}
a:hover{text-decoration:underline; color:#2d2d2d;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
table{border-collapse:collapse; border-spacing:0;}
/* for font & text & tag =================================== */
.red{color:red;}
.gray{color:#bbb;}
.orange{color:#f60;}
.green{color:#79bd29;}
b{margin:0 8px; font-weight:normal;}
.fz14{font-size:12px;}
/* for margin & padding | width & height =================== */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mr5{margin-right:5px;}
.mr10 {margin-right: 10px;}
.mr20{margin-right:20px;}

.ml5{margin-left:5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}

.mtb10{margin-top:10px;	margin-bottom:10px;}

.p10{padding:10px;}
.p5_0{padding:5px 0;}
.p10_0{padding:10px 0;}
.p0_5{padding:0 5px;}
.p0_10{padding:0 10px;}

.tl{ text-align: left}
.tr{ text-align: right}
.tc{ text-align: center}
/* class css ============================ class css ======== */
.fl{float:left;	display:inline;}
.fr{float:right; display:inline;}
.size3t4 { letter-spacing: 0.5em; margin-right: -0.5em; white-space:nowrap;}
.size2t4 { letter-spacing: 2em; margin-right: -2em; white-space:nowrap;}
.clear{clear:both; height:0; overflow:hidden;}
.inblock{
	display:inline-block;
	width:18px;
	height:18px;
	overflow:hidden;
	text-indent:-20000px;
	*text-indent:0;
	*line-height:0;
	*font-size:0;
}
.block img{display:block;}
.intxt{border:1px solid #d3d2d2; padding:4px;}
.loading{background:url(../images/loading.gif) no-repeat center center;}
.trans *{ -webkit-transition:color 0.5s linear; -moz-transition:color 0.5s linear; -o-transition:color 0.5s linear; -ms-transition:color 0.5s linear; transition:color 0.5s linear;}
.ie6png{}
/* layout css ============================================== */
.wraper{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#header{
	background-color:#fff;
	border-top:3px solid #000;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	width:100%;
	_position:absolute;
	_top:expression(documentElement.scrollTop);
}
.hshadow{
	border-bottom:1px solid #eee;
	box-shadow:3px 3px 4px rgba(0,0,0,.1);
}
#header .wraper{
	height:100px;
	position:relative;
}
.logo{
	width:201px;
	height:65px;
	position:absolute;
	left:0;
	top:34px;
	background:url(../images/logo.png) no-repeat;
}
.menu{
	height:55px;
	position:absolute;
	right:0;
	top:37px;
	border-left:1px dotted #bfbfbf;
}
.menu li{
	float:left;
	width:98px;
	text-align:center;
	border-right:1px dotted #bfbfbf;
}
.menu a{
	display:block;
	height:55px;
	color:#2d2d2d;
}
.menu a:hover,
.menu .current a{
	color:#be0000;
	text-decoration:none;
}
.menu span{
	display:block;
	font-size:8px;
	color:#bfbfbf;
	-webkit-text-size-adjust:none;
}
.menu a:hover span,
.menu .current span{
	color:#343434;
}
.menu s,
.shadow .title s,
.main .title s,
.sidebar s{
	display:block;
	width:12px;
	height:13px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	top:10px;
	background:url(../images/sprite.png) no-repeat center top #e5e5e5;
}
.menu a:hover s,
.menu .current s{
	background:url(../images/sprite.png) no-repeat center top #be0000;
}
.trans-bg *,
.more s,
.menu s{
	-webkit-transition:background 0.5s linear; 
	-moz-transition:background 0.5s linear; 
	-o-transition:background 0.5s linear; 
	-ms-transition:background 0.5s linear; 
	transition:background 0.5s linear;
}
#main{
	padding-top:111px;
}
.banner{
	width:100%;
	overflow:hidden;
	position:relative;
	padding-bottom:1px;
}
.banner .mover{
	width:960px;
	height:440px;
	margin:0 auto;
	position:relative;
	overflow:visible!important;
}
.banner ul{
	width:20000px;
	position:absolute;
	left:0;
	top:0;
}
.banner li{
	float:left;
	height:440px;
	padding:0 5px;
	position:relative;
	overflow:hidden;
}
.banner .tit{
	line-height:30px;
	height:30px;
	color:#fff;
	position:absolute;
	left:5px;
	bottom:-30px;
	padding-left:60px;
	width:829px;
	background:url(../images/dot.gif) no-repeat 50px center #000;
	background-color:rgba(0,0,0,.6);
	filter:alpha(opacity=60);
}
.banner img{
	display:block;
	width:950px;
	height:440px;
}
.banner .lshadow,
.banner .rshadow{
	background:url(../images/mask.png);
	position:absolute;
	top:0;
	width:100%;
	height:440px;
}
.banner .lshadow{
	left:-100%;
	margin-left:-5px;
}
.banner .rshadow{
	left:100%;
	margin-left:5px;
}
.banner .intro{
	position:absolute;
	left:58px;
	top:62px;
	color:#fff;
	width:310px;
	display:none;
}
.banner .intro strong{
	font-size:32px;
	font-weight:normal;
}
.banner .intro p{
	font-size:14px;
	padding:0 3px;
	line-height:22px;
	position:relative;
}
.banner .intro span{
	position:relative;
	z-index:2;
}
.banner span.bclo{
	display:block;
	position:absolute;
	left:0;
	z-index:0;
	height:19px;
	line-height:19px;
	margin-top:2px;
	background:#000;
	opacity:.6;
	filter:alpha(opacity=60);
}
.banner .timer{
	height:1px;
	overflow:hidden;
	background-color:#be0000;
	position:absolute;
	left:5px;
	bottom:0;
	width:0;
}
.banner2 .mover{
	height:320px;
}
.banner2 li{
	height:320px;
}
.banner2 img{
	width:535px;
	height:320px;
}
.banner2 .rshadow{
	left:545px;
}
.prolist{
	width:110%;
}
.prolist li{
	float:left;
	width:296px;
	height:322px;
	overflow:hidden;
	margin-right:31px;
}
.prolist .img{
	width:296px;
	height:182px;
	margin-bottom:20px;
	position:relative;
}
.prolist .img span{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:32px;
	line-height:32px;
	font-size:14px;
	background-color:#000;
	background-color:rgba(0,0,0,.7);
	filter:alpha(opacity=70);
	color:#fff;
	text-align:center;
}
.prolist .img img{opacity:.9; filter:alpha(opacity=90);}
.prolist .img a:hover img,
.prolist .hover .img img{opacity:1; filter:alpha(opacity=100);}
.prolist .hover a{text-decoration:underline; color:#2d2d2d;}
.prolist p{
	line-height:24px;
}
.more s{
	display:inline-block;
	width:13px;
	height:13px;
	line-height:10px;
	margin-left:5px;
	position:relative;
	top:2px;
	*top:-2px;
	overflow:hidden;
	background:url(../images/sprite.png) no-repeat 3px -91px #5a5a5a;
}
.more:hover,
.prolist .hover .more{
	text-decoration:none;
}
.more:hover s,
.prolist .hover .more s{
	background-color:#cb3333;
}
.prolist .intro{
	margin-bottom:40px;
	height:120px;
}
div.bggray{
	background-color:#f6f6f6;
}
.project .mover{
	width:200000px;
	position:relative;
}
.project .nav{
	text-align:center;
	position:relative;
	top:-20px;
}
.project .nav a{
	display:inline-block;
	width:40px;
	height:7px;
	background:#ddd;
	overflow:hidden;
	margin:0 15px;
	text-indent:-20000px;
	*text-indent:0;	
	*font-size:0;
	*line-height:0;
}
.project .nav a:hover,
.project .nav .current{
	background-color:#be0000;
}
.project .inner{
	position:relative;
	overflow:hidden;
	height:265px;
}
.project .mover{
	position:absolute;
	left:0;
	top:0;
	width:200000px;
}
.project .mover ul{
	width:981px;
	float:left;
}

.cleft{width:620px;}
.cright{width:300px;}

div.news{background-color:#efefef;}
div.news .title s{background-color:#d7d7d7;}
.newslist li{line-height:28px; color:#818181; padding-right:50px;}
.newslist .hover{color:#2d2d2d;}
.newslist .hover a{text-decoration:underline; color:#2d2d2d;}
.newslist .time{
	display:inline-block;
	width:105px;
	float:left;
}
.newslist .proj{
	display:inline-block;
	width:90px;
	float:left;
}
.newslist .tit{
	overflow:hidden;
	zoom:1;
	*float:left;
	*width:375px;
}
.news .inner{height:196px; overflow:hidden;}
.awork{
	display:block;
	border:8px solid #e1e1e1;
	padding:16px 16px 16px 138px;
	height:86px;
	font-size:18px;
	color:#2d2d2d;
	background:url(../images/works.png) no-repeat 16px 16px;
}
.awork span{
	font-size:11px;
	color:#a6a6a6;
	padding-top:16px;
	display:block;
}
.awork:hover{
	text-decoration:none;
	background-color:#fff;
}
.map{
	background:url(../images/map.jpg) center top;
}
.map .wraper{
	height:407px;
	position:relative;
}
.map .spot{
	display:block;
	width:62px;
	height:84px;
	position:absolute;
	left:438px;
	top:195px;
	display:none;
	margin-top:-100px;
	background:url(../images/flag.png) no-repeat;
}
.map .address{
	color:#fff;
	font-size:14px;
	position:absolute;
	left:623px;
	top:155px;
	margin-left:200px;
	display:none;
}
.map li{
	padding-left:45px;
	margin-bottom:18px;
	background:url(../images/flag.png) no-repeat left -100px;
}
.map .tel{
	font-size:22px;
	background-position:left -165px;
}
.map .tel1{
	font-size:12px;
	color:#000;
	background-position:left -165px;
}
.map .email{
	font-size:22px;
	background-position:left -232px;
}
.map a{
	color:#fff;
}
.shadow{
	padding:50px 0;
	background:url(../images/dark.png) no-repeat center top;
}
.shadow .title,
.main .title{
	font-size:26px;
	font-weight:normal;
	color:#2d2d2d;
	padding-bottom:22px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:38px;
	padding-left:25px;
	position:relative;
	height:54px;
}
.main .nobd{
	border-bottom:none;
}
.shadow .title s,
.main .title s{
	position:absolute;
	left:0;
	top:15px;
}
.shadow .title span,
.main .title span{
	display:block;
	color:#bfbfbf;
	font-size:8px;
}
.prof .nav{
	background-color:#fff;
}
.nav{
	background-color:#f6f6f6;
}
.nav dl{
	float:left;
	width:112px;
}
.nav dt{
	font-size:14px;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:20px;
	color:#221e1f;
}
.nav dd{
	padding-top:15px;
}
.nav .first{
	width:312px;
}
.nav .first dd{
	color:#818181;
	padding-right:122px;
	line-height:24px;
}
.nav .last{
	width:78px;
}
.nav li,
.nav li a{
	line-height:28px;
	height:28px;
}
.nav .wraper{
	position:relative;
}
.dark{
	background-color:#333;
}
.dark .wraper{
	padding-bottom:70px;
}
.dark dd a{color:#818181;}
.dark dt{color:#fff; border-bottom-color:#6b6b6b;}
.erma{
	position:absolute;
	right:0;
	bottom:0;
}
#footer{
	zoom:1;
	clear:both;
	overflow:hidden;
}
.footer{
	background-color:#181818;
}
.footer .wraper{
	height:77px;
	position:relative;
}
.footer .logo{
	top:20px;
	width:182px;
	height:36px;
	background:url(../images/logo_gray.png) no-repeat;
}
.footer .aside{
	position:absolute;
	left:185px;
	top:20px;
	height:33px;
	padding:3px 0 0 23px;
	border-left:1px solid #3a3a3a;
}
.footer .aside b{color:#454545;}
.footer .aside a{color:#fff;}
.footer p{color:#808080; font-size:8px; margin-top:3px; font-family:arial;}
.footer .power{
	position:absolute;
	right:0;
	top:27px;
	color:#808080;
}
.footer .power a,
.footer .power a:hover{
	color:#808080;
}
.main{
	padding-bottom:30px;
}
.main .title{
	margin-bottom:0;
}
.tag{
	line-height:18px;
	padding:14px 0 18px;
}
.tag li{
	float:left;
	margin-right:-1px;
	border-left:1px dotted #ccc;
}
.tag .first{
	border-left:none;
}
.tag a{
	display:block;
	padding:0 18px;
}
.tag .current{
	position:relative;
	border-left-color:#fff;
}
.tag .current a{
	color:#fff;
	background-color:#414141;
}
.tag .current a:hover{
	text-decoration:none;
}

.arclist li{
	border-bottom:1px dotted #7c7c7c;
	padding:20px 0 30px;
}
.arclist .hover p{
	color:#000;
}
.arclist .resetp p{
	color:#818181;
	text-decoration:none;
}
.arclist h2{
	font-size:22px;
	color:#333;
	margin-bottom:10px;
	font-weight:normal;
}
.arclist .article{
	
	color:#818181;
	line-height:26px;
	height:200px;
	overflow:hidden;
}
.arclist .autoh{
	height:auto;
}
.arclist .article p{
	margin:20px 0;
}
.arclist .tip{
	line-height:13px;
	margin-bottom:23px;
}
.arclist .tip span{
	display:inline-block;
	line-height:13px;
	padding:0 15px;
}
.arclist .tip .cate{
	background:url(../images/sprite.png) no-repeat 6px -117px #414141;
	color:#fff;
	padding-left:26px;
}
.arclist .tip .icon_corp{
	background-position:6px -144px;
}
.arclist .tip .icon_video{
	background-position:6px -171px;
}
.arclist .tip .icon_press{
	background-position:6px -198px;
}
.arclist .tip .icon_design{
	background-position:6px -311px;
}
.arclist .tip .icon_system{
	background-position:6px -338px;
}
.arclist .tip .time{
	color:#414141;
	background-color:#e5e5e5;
}
.arclist .util{
	color:#818181;
	margin-top:20px;
}
.arclist .util b{
	margin:0 16px;
	color:#c9c9c9;
	position:relative;
	top:-1px;
}
.arclist .util a{
	display:inline-block;
	width:13px;
	height:13px;
	line-height:13px;
	color:#fff;
	text-align:center;
	background-color:#5a5a5a;
	vertical-align:middle;
	margin-top:-4px;
	overflow:hidden;
}
.arclist .util .disable,
.arclist .util .disable:hover{cursor:default; background-color:#d6d6d6;}
.arclist .util a:hover,
.arclist .util .share{
	text-decoration:none;
}
.arclist .util .more,
.arclist .util .more:hover{
	color:#818181;
	width:auto;
	height:auto;
	line-height:2em;
	background:none;
}
.arclist .util .share{
	background:url(../images/sprite.png) no-repeat 3px -226px #5a5a5a;
}
.arclist .util a:hover{
	background-color:#be0000;
}
.pagenav{
	height:20px;
	line-height:20px;
	padding:8px 0 0 10px;
}
.pagenav a,
.pagenav span,
.pagenav ins{
	display:inline-block;
	line-height:18px;
}
.pagenav .current{
	color:#fff;
	background-color:#414141;
}
.pagenav a{
	color:#414141;
}
.pagenav ins{
	color:#818181;
	text-decoration:none;
}
.pagenav span{
	padding:0 18px;
	margin:0 15px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
.pagenav span a{
	padding:0 5px;
	font-size:11px;
	color:#818181;
}
a.toTop{
	color:#414141;
	height:28px;
	line-height:30px;
	margin-top:-8px;
	_margin-top:0;
}
.toTop:hover{
	text-decoration:none;
}
.toTop s{
	display:inline-block;
	height:28px;
	line-height:28px;
	width:28px;
	vertical-align:top;
	margin-left:10px;
	_margin-top:-8px;
	_left:10px;
	_position:relative;
	cursor:pointer;
	background:url(../images/sprite.png) no-repeat 10px -250px #e5e5e5;
}
.toTop:hover s{
	background-color:#ccc;
}
.content{
	padding-bottom:30px;
}
.projlist{
	margin-top:15px;
	zoom:1;
}
.projects .normal li{
	margin-bottom:30px;
}
.projlist .item{
	width:158px;
	height:120px;
	overflow:hidden;
	position:relative;
	float:left;
	background-color:#f6f6f6;
}
.projlist .item a{
	display:block;
}
.projlist .item span{
	display:block;
	background:#000;
	background-color:rgba(0,0,0,.7);
	fliter:alpha(opacity=70);
	color:#fff;
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	top:120px;
	text-decoration:none;
	cursor:pointer;
}
.projlist .itemtit{
	width:0;
	height:0;
}
.projects .normal .itemtit{
	color:#818181;
	font-size:18px;
	padding:84px 0 0 20px;
	width:138px;
	height:36px;
}
.projlist .hover .itemtit{
	color:#fff;
	background-color:#be0000;
}

.press{
	width:622px;
	overflow:hidden;
	color:#777;
	line-height:30px;
	padding-bottom:30px;
	border-right:1px dotted #ccc;
	padding-right:30px;
}
.press span{
	color:#000;
}
.press img{min-width:600px; min-height:100px; background:url(../images/loading.gif) no-repeat center center; margin-bottom:20px;}
.press p{margin:20px 0;}
.sidebar{
	width:267px;
	padding-left:30px;
	overflow:hidden;
}
.sidebar .action{
	height:35px;
	padding:10px 0 25px;
	margin-bottom:15px;
	border-bottom:1px dotted #b2b2b2;
}
.sidebar .action a{
	height:35px;
	background:url(../images/close.gif) no-repeat;
}
.sidebar .back{
	width:35px;
}
.sidebar .abtn{
	position:static;
	width:18px;
	float:left;
}
.sidebar a.aleft{
	margin-right:95px;
	background-position:-17px top;
}
.sidebar h1{
	font-size:19px !important;
	color:#2d2d2d;
	margin-bottom:3px;
	font-weight:normal;
	text-align:right;
}
.sidebar s{
	float:left;
	top:5px;
	margin-right:10px;
	background-color:#5a5a5a;
	display:none;
}
.sidebar ul{
	width:110%;
	margin-top:20px;
}
.sidebar li{
	float:left;
	margin:0 10px 6px 0;
}
.sidebar li a img{
	opacity:.6;
	filter:alpha(opacity=60);
}
.sidebar li a:hover img,
.sidebar .current a img{
	opacity:1;
	filter:alpha(opacity=100);
}
.imgnav .fz14{display:block; text-align:right; color:#777; font-size:12px;}
.arcpress{
	color:#818181;
	line-height:28px;
	width:950px;
	/*overflow:hidden;*/
}
.list li{
	padding-left:25px;
	margin-bottom:20px;
	background:url(../images/sprite.png) no-repeat left -276px;
}
.imglist li{
	float:left;
	margin:0 18px 18px 0;
	text-align:center;
	height:171px;
}

.info{
	color:#818181;
	line-height:24px;
}
.info p{
	margin:10px 0;
}
.info .tag{
	border-bottom:1px dotted #b2b2b2;
}
.info .tag a:hover{
	text-decoration:none;
}
.team{
	padding-bottom:30px;
}
.team .tab li{
	float:left;
	width:231px;
	height:291px;
	margin-right:6px;
	position:relative;
}
.team .tab span{
	position:absolute;
	left:0;
	top:0;
	width:231px;
	height:291px;
	display:block;
	background:url(../images/mask.png);
}
.team .tab img{
	opacity:.6;
	filter:alpha(opacity=60);
}
.team .tab .current span{
	display:none;
}
.team .tab .current img{
	opacity:1;
	filter:alpha(opacity=100);
}
.profile{
	color:#444;
}
.profile h3{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
}
.profile h3 span{
	display:inline-block;
	border-left:1px dotted #b2b2b2;
	padding-left:15px;
	margin-left:15px;
}
.keyword{
	font-size:18px;
	color:#cecece;
	line-height:2em;
	font-family:Helvetica,"microsoft yahei";
}
.keyword strong{
	color:#bcbcbc;
	font-size:24px;
}

.map2{
	background:none;
	width:950px;
	height:485px;
	position:relative;
}
.map2 .spot{
	width:0;
	height:0;
	left:460px;
	top:295px;

}
.map2 .address{
	width:388px;
	height:236px;
	padding-top:23px;
	color:#818181;
	font-size:12px;
	left:385px;
	top:10px;
	background:url(../images/address2.png) no-repeat;
}
.map2 .email{
	font-size:12px;
}
.map2 ul{
	width:270px;
	margin-left:1px;
}
.map2 li{
	margin-bottom:16px;
	padding-left:60px;
	background:none;
}
.map2 a{color:#818181;}
.map2 .close{
	width:15px;
	height:15px;
	position:absolute;
	left:250px;
	top:10px;
}
.table{
	width:100%;
	color:#818181;
}
.table th span{
	display:block;
	line-height:22px;
	padding:0 15px;
	background-color:#e5e5e5;
	text-align:left;
	font-weight:normal;
}
.table .bgdark span{
	background-color:#434343;
	color:#fff;
}
.table td{vertical-align:top; padding:20px 15px; line-height:22px; border-bottom:1px dotted #b2b2b2;}
.table .nobd td{border-bottom:none;}
.table .detail,
.table .label,
.table .inc{
	display:inline-block;
	background-color:#414141;
	color:#fff;
	padding:0 12px;
	line-height:20px;
}
.table .inc{
	background-color:#e5e5e5;
	color:#818181;
}
.table .inc a{color:#818181;}
.value{
	height:429px;
	position:relative;
}
.value a{
	display:block;
	position:absolute;
	left:100px;
	top:20px;
	width:24px;
	height:24px;
	font-weight:bold;
	background:url(../images/dot.png) left -24px;
}
.value a:hover{
	background-position:left top;
}
.value span{
	position:absolute;
	left:-17px;
	top:-25px;
	color:#bfbfbf;
	font-size:14px;
	white-space:nowrap;
}
.value a:hover span{
	color:#787878;
	font-size:18px;
	left:-24px;
	top:-30px;
}
.value .dot1{
	left:286px;
	top:63px;
}
.value .dot2{
	left:128px;
	top:145px;
}
.value .dot3{
	left:223px;
	top:341px;
}
.value .dot3 span,
.value .dot4 span{top:20px;}
.value .dot3:hover span,
.value .dot4:hover span{top:25px;}
.value .dot4{
	left:426px;
	top:326px;
}
.pt14{padding-top:14px;}
/*--find height for float elements --------------------------*/
.cls:after{content:"";font-size:0;display:block;height:0;clear:both;visibility:hidden;}
* html .cls{ zoom: 1; } /* IE6 */
*:first-child+html .cls{ zoom: 1; } /* IE7 */
/*-----------------------------------------------------------*/
/* Xslider */
.abtn {
    background: url(../images/sprite.png) no-repeat #000;
    display: block;
	width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    text-indent: -20000px;
    bottom: 0;
	background-color:rgba(0,0,0,.8);
	filter:alpha(opacity=80);
	-webkit-transition:background 0.3s linear; 
	-moz-transition:background 0.3s linear; 
	-o-transition:background 0.3s linear; 
	-ms-transition:background 0.3s linear; 
	transition:background 0.3s linear;
}
.abtn:hover{
	background-color:#be0000;
}
.aleft {
	right:36px;
    background-position: 13px -50px;
}
.aright {
    background-position: 13px -20px;
    right:5px;
}
.agrayleft,
.agrayleft:hover,
.agrayright,
.agrayright:hover{
	cursor:default;
	filter:alpha(opacity=30);
	opacity:.3;
	background-color:#000;
}
/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}

/* form submit*/
.formsub li{
	min-height:30px;
	_height:30px;
	padding-bottom:22px;
	padding-left:150px;
}
.formsub .label{
	float:left;
	display:inline-block;
	width:145px;
	padding-right:5px;
	text-align:right;
	font-size:14px;
	line-height:28px;
	margin-left:-150px;
}
.formsub .intxt{
	border:1px solid #d8d8d8;
	padding:5px 10px;
	width:180px;
	height:16px;
	background-color:#f3f3f3;
	font-family:"microsoft yahei";
}
.formsub .action{
	padding:0 0 0 150px;
}
.formsub .ck{
	vertical-align:middle;
}

.prof h3{
	height:59px;
	line-height:49px;
	padding-left:15px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	background:url(../images/bgtit.gif) no-repeat;
}
.prof .hover h3{
	color:#fff;
	position:relative;
	background-position:left -59px;
}
.arcpress .prof{
	/*width:110%;*/
	margin-left:-38px;
}
.arcpress .prof li{
	float:left;
	width:291px;
	height:322px;
	margin-left:38px;
}
.arcpress .prof li h3{position:relative; z-index:2;}
.arcpress .prof .intro{
	height:184px;
}
.arcpress .prof .hover{position:relative; z-index:20;}
.arcpress .prof .hover .intro{
	height:auto;
}
.arcpress .prof .inner{
	margin-top:-30px;
	height:194px;
	padding:30px 15px 22px;
}
.arcpress .prof .hover .inner{
	background-color:#f1f1f1;
	color:#000;
	position:absolute;
	left:0;
	top:79px;
	height:auto;
}
.prof .list li{
	color:#000;
	height:28px;
	float:left;
	width:110px;
	padding-left:15px;
	padding-right:5px;
	margin:0;
	overflow:hidden;
	background:url(../images/dot2.gif) no-repeat left 12px;
}
.sidec{
	position:relative;
}
.sidec .content{
	padding-left:350px;
}
.sidec .sidetag{
	position:absolute;
	left:0;
	top:0;
	width:105px;
	margin-top:20px;
}
.sidec .sidetag li,
.sidec .sidetag a{
	height:36px;
	line-height:36px;
	overflow:hidden;
}
.sidec .sidetag li{
	border-bottom:1px dotted #b2b2b2;
}
.sidec .sidetag .current a{
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}

.Eflink{ width:960px; margin:10px auto;}
.Eflink ul{list-style:none;}
.Eflink ul li{float:left; }
.Eflink ul li a,.Elikeart ul li a:link,.Elikeart ul li a:hover,.Elikeart ul li a:visited{ text-decoration:none; color:#333333;}